<template lang="html">
  <div>
    <div class="jieguo_banner">
      <img src="https://ss2.bdstatic.com/kfoZeXSm1A5BphGlnYG/skin_plus/505.jpg" class="banner_img">
    </div>
    <div class="jieguo_tab">
      <ul class="jieguo_tab_main">
        <li class="one">活动期号</li>
        <li class="two">公布时间</li>
        <li class="three">号码</li>
        <li class="four">鸡/藕</li>
      </ul>
    </div>
    <div class="jieguo_main">
      <list :main="liatmain"></list>
    </div>
    <foo-ter></foo-ter>
  </div>
</template>

<script type="text/javascript">
import footer from "../public/footer/jieguo.vue";
import list from "./list.vue";
export default {
  data () {
    return {
      liatmain:[]
    }
  },
  methods:{
    jieguoshuju:(boxmain)=>{
      let conent = boxmain,
      _url = "/index.php?g=app&m=shopping&a=activity_rec_post";
      console.log(conent)
      conent.$http.post(_url).then(function(data){
          if(data.data.status== "1"){
            conent.liatmain =data.data.data.list;
          }else {
            
          }
      },function(response){
          conent.$toast(response);
      })
    }
  },
  created:function(){
    let conent = this;
    conent.jieguoshuju(conent)
  },
  components:{
    'foo-ter':footer,
    "list":list
  }
}
</script>

<style scoped lang="less">
@import '../../assets/less/index.less';
.jieguo_banner{
  width: 100vw;
  height: 55.33vw;
  .banner_img{
    display: inline-block;
    width: 100vw;
    height: 55.33vw;
  }
}
.jieguo_main{
  width: 100vw;
  .cuxiao_title{}
  .cuxiao_h2{}
}
.jieguo_tab{
  width: 100vw;
  height: 12vw;
  font-size: @h1_font_size;
  .jieguo_tab_main{
    width: 100%;
    height: 12vw;
    color: @color1;
    background-color: @color2;
    overflow: hidden;
    zoom:1;
    li{
      float: left;
      height: 12vw;
      line-height: 12vw;
    }
    .one{
        width: 25%;
      }
      .two{
        width: 40%;
      }
      .three{
        width: 20%;
      }
      .four{
        width: 15%;
      }
  }
}
</style>